<template>
  <div class="Message">
    <!-- 导航 -->
    <van-nav-bar class="MessageHeader" title="消息" :border="false" />
    <!-- 下拉刷新 -->
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
      <!-- body -->
      页面开发中，暂未开放

    </van-pull-refresh>

    <Tabbar :active="2"></Tabbar>
  </div>
</template>
<script>
/* ... */
import Tabbar from '@/components/Tabbar.vue'
export default {
  name: 'message',

  mixins: [],

  components: {
    Tabbar
  },

  props: {},

  data () {
    return {
      count: 0,
      isLoading: false
    }
  },

  computed: {},

  watch: {},

  created () {},

  mounted () {},

  destroyed () {},

  methods: {
    // 下拉刷新事件
    onRefresh () {
      setTimeout(() => {
        this.$toast('刷新成功')
        this.isLoading = false
        this.count++
      }, 500)
    }
  }
}
</script>

<style lang="less" >
/* ... */
.container {
   margin: 0 15px;
}
.Message {
  background-color: #f6f6f6;
  height: 100%;
  .van-pull-refresh {
    overflow: visible;
  }
  .MessageHeader {
    background-color: #d7b782;
    margin-bottom: 20px;
    .van-nav-bar__left {
      .van-icon {
        color: #ffffff;
      }
    }
    .van-nav-bar__title {
      color: #ffffff;
    }
  }
}
</style>
